<section class="listSection">
  <div class="listNav">
    排污单位自动监测 > 气
  </div>

  <section class="content selectContent">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>查询条件</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12 listSectionSelect">
        <form #Water="ngForm" (ngSubmit)="listMessage(Water.value)" class="form-inline">
          <div class="row">
            <div class="form-group search-list">
              <label>关注点：</label>
              <select [(ngModel)]="focusPoint" name="focusPoint" class="form-control selectStyle">
                <option value="" selected="selected">请选择</option>
                <option value="0">重点</option>
                <option value="1">非重点</option>
              </select>
            </div>
            <div class="form-group search-list">
              <label>污染企业：</label>
              <input class="zhanshi" type="text" (click)="shows()" value="{{this.arr}}">
              <div class="Polluters" (mouseout)="hides()" (mouseover)="shows()">
                <table>
                  <tr>
                    <th><input type="checkbox" style="width: 20px" (click)="selectAll($event)"
                               [checked]="isCheck(item)"></th>
                    <th>行政区</th>
                    <th>关注级别</th>
                    <th>污染源</th>
                  </tr>
                  <tr *ngFor="let td of businessInfos">
                    <td><input type="checkbox" style="width: 20px" [checked]="isSelectedAll()"
                               (click)="clickItem($event,item,td.businessName,td.pollutionID)"></td>
                    <td>{{td.areaName}}</td>
                    <td>{{td.focusPoint}}</td>
                    <td>{{td.businessName}}</td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="form-group search-list-btn">
              <button class="btn selectButtonOfA search-btn" type="submit">查询</button>
            </div>
          </div>
          <div class="row">
            <div class="form-group search-list">
              <label>行政区域：</label>
              <select [(ngModel)]="areaCode" name="areaCode" class="form-control selectStyle">
                <option value="" selected="selected">请选择</option>
                <option *ngFor="let list of List" value="{{list.areaId}}">{{list.area }}</option>
              </select>
            </div>
            <div class="form-group search-list">
            </div>
            <div class="form-group search-list search-list-btn ">
              <button class="btn selectButtonOfA reset-btn"  type="reset" >清除</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </section>


  <section class="content">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>实时数据</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="table_top">
          <span>{{this.jsq}}</span>
          <span>监控污染源数：{{pollutionInfoNum}}</span>
        </div>
        <div class="box-body">
          <table border="1" cellspacing="0"  class="table text-center listTable">
            <tr>
              <th  *ngFor="let head of heads">{{head}}</th>
            </tr>
            <tbody>
            <tr *ngFor="let dataList of DataList;let i = index" (click)="aaa(i)"  routerLink="/index/history">
              <td *ngFor="let properties of Properties;let a =index">
                <span *ngIf="!(isArray(dataList[properties]))">{{dataList[properties]}}</span>
                <span *ngIf="isArray(dataList[properties])">
                  <span *ngFor="let factor of dataList[properties];let w=index">
                    <span class="" *ngIf="w==0">
                      <span [ngStyle]="{'color':dataList[properties][2]=='0'?'green':(dataList[properties][2]=='1'?'red':'#f60')}" >{{factor}}</span>
                    </span><br>
                    <span class="td2" *ngIf="w==1">{{factor}}</span><br>
                    <span class="td3" *ngIf="w==2" title="{{factor}}"></span><br>
                  </span>
                </span>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </section>
</section>
